* {
  margin: 0;
  padding: 0;
}
.container {
  width: 100%;
  height: 100vh;
  background-color: #f5f5f5;
}
.box1 {
  width: 100px;
  height: 100px;
  background-color: skyblue;
  float: left;
}
.box2 {
  width: 200px;
  height: 200px;
  background-color: aquamarine;
  float: left;
}
.box3 {
  width: 300px;
  height: 300px;
  background-color: bisque;
}
/* 
  清除浮动：
    1、父元素设置高度
    2、受影响元素增加clear属性：clear:both
    3、父元素设置（推荐）
        overflow:hidden;
        clear:both;
    4、伪元素清除浮动
    5、display: flow-root;  首推：清除浮动的现代方法 
*/